
* {
margin: 0;
padding: 0;
border: 0;
}

html, body {
width: 100%;
height: 100%;
}

* html #container {
height: 100%;
}

body {
background: #fff;
color: #333;
font-family: Arial, Verdana, sans-serif;
font-weight: normal;
font-size: .75em;
}

#container {
position: relative;
width: 100%;
margin: 0 auto;
min-height: 100%;
}


#header {
background: #ffc;
width: 100%;
height: 100px;
text-align: center;
}

#header h1 {
font-weight: normal;
font-size: 2em;
line-height: 1em;
padding: 30px 0 0;
}

#leftside {
background: #A4D8F5;
width: 15%;
float: left;
padding: 10px;
margin: 10px 0;
}

#centralside {
width: 60%;
float: left;
padding: 10px;
margin: 10px 0;
}

#rightside {
background: #A4D8F5;
width: 15%;
float: right;
padding: 10px;
margin: 10px 0;
}

.clearfloat {
clear: both;
}

.empty {
height: 50px;
}

#footer {
position: relative;
background: #333;
width: 100%;
height: 50px;
color: #ccc;
font-size: .9em;
margin: -50px auto 0;
}


#footer p {
font-size: .9em;
padding: 20px 0 0;
text-align: center;
}

#footer a {
color: #fff;
}

#footer a:hover {
color: #999;
}

p {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

